<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{
			margin: 0;
			padding: 0;
			list-style: none;
			text-decoration: none;
			color: #000;
			font-size: 14px;
		}
		.clearfix:after{
			display:block;
			content: "";
			clear:both;
		}
		.head-top{
			width: 100%;
			height: 30px;
			background: #f5f5f5;
			border: 1px solid #eee;
		}
		.head-top .lie{
			width: 1000px;
			height: 30px;
			margin: 0 auto;

		}
		.lie ul{
			float: left;
		}
		.lie .color{
			color: #31a894;
		}
		.lie ul li{
			float: left;
			line-height: 30px;
			color: #666;
			font-size: 12px;
			margin-right: 20px;
			cursor: pointer;
		}
		.lie ol{
			float: right;

		}
		.lie ol li{
			float: left;
			line-height: 30px;
			color: #666;
			font-size: 12px;
			margin-left: 20px;
			cursor: pointer;
		}
		.lie p{
			width: 100px;
			height: 200px;
			background: #38bca4;
			position: absolute;
			display: none;
		
		}
		.box{
			width: 1000px;
			height: auto;
			margin: 0 auto;
		}
		.box .head{
			height: 105px;
		}
		.head .l{
			width: 199px;
			height: 56px;
			float: left;
			margin-top: 20px;
			position: relative;
		}
		.head .l img{
			float: left;
			margin-right: 25px;
		}
		.head .l h1 a{
			background: none;
		}
		.head .l a{
			padding-right: 8px;
			color:#666;
			background: url(3.jpg) no-repeat right;
			
		}
		.l #an{
			width: 612px;
			height: 300px;
			position: absolute;
			left: 140px;
			top:31px;
			display: none;
			background: #fff;
			border: 1px solid #2db8ad;
			z-index: 2;

		}
		.head .r{
			margin-top: 20px;
			width: 762px;
			height: 64px;
			float: right;
		}
		.r p{
			height: 42px;
			border: 2px solid #2db8ad;
			margin-bottom: 2px;
		}
		.r p input{
			width: 650px;
			height: 42px;
			border: 0px;
			outline: none;
			padding-left: 10px;
		}
		.r p button{
			width: 98px;
			height: 42px;
			background: #2db8ad;
			color: #fff;
			outline: none;
			border: 0;
			float: right;
			font-weight: bold;
			font-size: 18px;

		}
		.head .r a{
			font-size: 12px;
			color: #666;
			margin-right: 15px;

		}
		.nav{
			height: 381px;
		}
		.nav .le{
			width: 130px;
			height: 381px;
			float: left;
			background: #38bca4;
		}
		.le h2{
			height: 40px;
			background: #31a894;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			line-height: 40px;
			padding-left: 18px;
		}
		.le ul{
			position: relative;
		}
		.le ul li{
			padding-left: 19px;
			height: 40px;
			font-size: 14px;
			color: #fff;
			background: url(4.jpg) no-repeat 115px 17px;
			line-height: 40px; 
			
		}
		.le ul li p{
			width: 602px;
			height: 339px;
			padding-left: 20px;
			color: #38bca4;
			background: #fff;
			border: 1px solid #38bca4;
			margin-left: 111px;
			position: absolute;
			top:0px;
			left: 19px;
			display: none;
			z-index: 2;
		}
		.nav .ri{
			width: 860px;
			height: 381px;
			float: right;
		}
		.ri ul{
			height: 40px;
			border-bottom: 2px solid #38bca4;
		}
		.ri ul li{
			width:110px;
			text-align: center;
			float: left;
			font-size: 18px;
			line-height: 40px;
		} 
		.ri ul li:hover{
			background: #38bca4;
		}
		.ri .y{
			width: 140px;
			float: right;
			margin-right:0px;
			margin-top: 6px;
			line-height: 40px;
		}
		.nav .ri .zz{
			width: 614px;
			height: 329px;
			margin-top: 10px;
			position: relative;
			float: left;
		}
		.zz img{
			width: 614px;
			height: 329px;
			display: none;
		}
		.zz ol{
			position: absolute;
			bottom: 20px;
			right:100px;
		}
		.zz ol li{
			width: 30px;
			height: 30px;
			border-radius: 50%;
			float: left;
			margin-left: 20px;
			background: red;
		}
		.zz ol .bg{
			background: yellow;
		}
		.ri .yy{
			width: 235px;
			height: 330px;
			float: right;
			margin-top:5px;
		}
		.zz .dis{
			display: block;
		}
		.yy .s{
			width: 235px;
			height: 161px;
			border-right:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		.yy .s p{
			width: 77px;
			height: 79px;
			border-left: 1px solid #ccc;
			border-top:1px solid #ccc;
			float: left;
			background: url(6.jpg) no-repeat center 15px;
			line-height: 125px;
			text-align: center;
			position: relative;

		}
		.yy .s .ppp:hover{
			width: 76px;
			height: 78px;
			border: 1px solid #2db8ad;
			border-bottom:1px solid #fff;
			z-index: 2;
		}

		.yy .s .ppp:hover a{
			display: block;
			width: 234px;
			height: 81px;
			position: absolute;
			top: 78px;
			left: 0px;
			border: 1px solid #2db8ad;
			background: #fff;
		}
		.yy .x{
			width: 233px;
			height: 162px;
			border: 1px solid #ccc;
			margin-top: 4px;
		}
		.yy .x h3{
			height: 34px;
			border-bottom:1px solid #ccc;
			line-height: 34px;
			background: #eee;
		}
		.yy .x h3 a{
			display: inline-block;
			width: 77px;
			height: 34px;
			text-align: center;
		}
		.yy .x h3 a:hover{
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #fff;
			background: #fff;
		}
		.yy .x ul li{
			width: 215px;
			height: 14px;
			font-size: 12px;
			color: #666;
			background: none;
			margin-top: 8px;
			
		}
		.yy .x ul{
			border:0px;
		}
		.re{
			height: 144px;
			margin-top: 8px;
		}
		.re p{
			float: left;
		}
		.re ul li{
			float: left;
		}
		.tu{
			height: 90px;
			margin-top: 12px;
		}
		.youxuan{
			height: 249px;
			margin-top: 25px;
			position: relative;
		}
		.youxuan h2{
			height: 44px;
			border-bottom: 1px  solid #2db8ad;
			line-height: 44px;
		}
		.youxuan span{
			border-left: 3px solid #2db8ad;
			height: 25px;
			line-height: 25px;
			font-size: 18px;
			padding-left: 10px;
			display: inline-block;
		}
		.youxuan h2 a{
			float: right;
			display: inline-block;
			width: 83px;
			height: 42px;
			text-align: center;
		}
		.youxuan h2 a:hover{
			border-left: 1px solid #2db8ad;
			border-right: 1px solid #2db8ad;
			border-top: 3px solid #2db8ad;
			border-bottom: 3px solid #fff;
			margin-top: -3px;
			margin-left: -2px;
		}
		.youxuan p{
			width: 235px;
			height: 185px;
			background: #eee;
			line-height: 23px;
			float: left;
			margin-right: 15px;
			margin-top:19px;
		}
		.youxuan .ding{
			width: 1000px;
			height:210px;
			position: absolute;
			top: 45px;
			left: 0px;
			display: none;
		}
		.ding img{
			margin-top:15px;
			margin-right: 8px;
			height: 188px;
			width: 235px;
		}
		.zixun{
			height: 720px;
			margin-top: 28px;
			float: left;
			position: relative;
		}
		.zixun .lef h2{
			height: 44px;
			border-bottom: 1px  solid #2db8ad;
			line-height: 44px;
		}
		.zixun .lef span{
			border-left: 3px solid #2db8ad;
			height: 25px;
			line-height: 25px;
			font-size: 18px;
			padding-left: 10px;
			display: inline-block;
			margin-right: 60px;
		}
		.zixun .lef h2 a{
			display: inline-block;
			width: 83px;
			height: 42px;
			text-align: center;
		}
		.zixun .lef h2 a:hover{
			border-left: 1px solid #2db8ad;
			border-right: 1px solid #2db8ad;
			border-top: 2px solid #2db8ad;
			border-bottom: 3px solid #fff;
			margin-top: -2px;
			margin-left: -2px;
		}
		.two{
			width: 743px;
			height:674px;
			background: url(7.jpg) no-repeat;
			margin-top: 45px;
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.three{
			width: 743px;
			height:674px;
			background: url(8.jpg) no-repeat;
			margin-top: 45px;
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.four{
			width: 743px;
			height:674px;
			background: url(9.jpg) no-repeat;
			margin-top: 45px;
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.five{
			width: 743px;
			height:674px;
			background: url(10.jpg) no-repeat;
			margin-top: 45px;
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.zixun .lef{
			width: 743px;
			height: 720px;
			float: left;
		}
		.lef .sss{
			width: 495px;
			height: 651px;
			margin-top: 24px;
			float: left;
		}
		.lef .sss h2{
			border:0px;
			font-size: 16px;
		}
		.lef .sss ul li{
			margin-bottom: 10px;
		}
		.lef .sss ul .zui{
			border-bottom: 1px solid #ccc;
			padding-bottom: 15px;
		}
		#red{
			color: red;
		}
		.sss ol li{
			height: 80px;
			border:1px solid #000;
			margin-top: 30px;
		}
		.sss ol li img{
			float: left;
			margin-right:35px;
		}
		.sss ol li b{
			line-height: 30px;
		}
		.sss ol li p{
			line-height: 20px;
			color: #333;
			font-size: 14px;
		}
		.lef .lunbo{
			width: 226px;
			height: 651px;
			float: right;
			margin-top: 24px;
		}
		.lunbo .lun{
			height: 316px;
			position: relative;
		}
		.lunbo .lun img{
			height: 316px;
			width: 226px;
		}
		.lunbo .lun .bg{
			background: yellow;
		}
		.lunbo .lun ul{
			position: absolute;
			right: 20px;
			bottom:15px;
		}
		.lunbo .lun ul li{
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: green;
			float: left;
			margin-left: 20px;
		}
		.lunbo p{
			height: 120px;
			border-bottom: 1px solid #ccc;
			padding-bottom: 25px;
			margin-top: 34px;
		}
		.lunbo p img{
			float: left;
			margin-right: 10px;
		}
		.lunbo p b{
			line-height: 30px;
		}
		.lunbo p i{
			line-height: 25px;
		}
		#bian{
			border: 0px;
		}
		.rig{
			width: 233px;
			height: 720px;
			float: right;
			margin-top: 28px;
			border-top:1px solid #ccc;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
		}
			.rig span{
			border-left: 3px solid #2db8ad;
			height: 25px;
			line-height: 25px;
			font-size: 18px;
			padding-left: 10px;
			display: inline-block;
			margin-right: 60px;
		}
			.rig h2{
			height: 44px;
			border-bottom: 1px  solid #2db8ad;
			line-height: 44px;
		}
		.foot{
			width: 1000px;
			height: 87px;
			margin: 0 auto;
			border-bottom: 1px solid #ccc;
			margin-top: 45px;
		}
		.foot h2{
			font-size: 18px;

		}
		.foot ul li{
			float: left;
			color: #666;
			margin-right: 20px;
			line-height: 33px;
		}
		.foot1{
			width: 1000px;
			height: 174px;
			border-bottom: 1px  solid #ccc;
			margin: 0 auto;
			margin-top: 25px;
		}
		.foot1 ul{
			margin-right: 90px;
			float: left;
		}
		.foot1 ul li:first-child{
			margin-bottom: 15px;
			color: #000;
			font-size: 16px;
		}
		.foot1 ul li{
			line-height: 20px;
			color: #666;
		}
		#hou{
			margin-right: -10px;
		}
		.foot2{
			height: 96px;
			margin: 0 auto;
			width: 1000px;
			text-align: center;
		}
		.foot2 ul li{
			float: left;
			line-height: 25px;
			color: #666;
		}
		.foot2 ul{
			width: 760px;
			margin: 0 auto;
		}
		.foot2 ol{
			line-height: 35px;
		}
		.foot2 ol li{
			color: #666;
		}
		.lunbo .lun img{
			display: none;
		}
		.lunbo .lun .display{
			display: block;
		}
	</style>
	<script src="jquery-3.2.0.min.js"></script>
	<script src="angular.js"></script>
	<script>
	$(function(){
		$('.l a').hover(function(){
			$('.l #an').show();
		},
		function(){
			$('.l #an').hide();
		})
		$('.l #an').hover(function(){
			$(this).show();
		},
		function(){
			$(this).hide();
		})
		$('.lie ol li').hover(function(){
			$('.lie li p').hide().eq($(this).index()).show();
		},
		function(){
			$('.lie li p').hide();
		}
		)

		var timer=null;
		var num=0;
		clearInterval(timer);
		timer=setInterval(function(){
			num++;
			if(num>$('.ri .zz img').length-1){
				num=0;
			}
			$('.ri .zz img').eq(num).addClass('dis').siblings().removeClass();
			$('.zz ol li').eq(num).addClass('bg').siblings().removeClass();
		},600);
		$('.ri .zz').hover(function(){
			clearInterval(timer);
		},function(){
			clearInterval(timer);
				timer=setInterval(function(){
			num++;
			if(num>$('.ri .zz img').length-1){
				num=0;
			}
			$('.ri .zz img').eq(num).addClass('dis').siblings().removeClass();
			$('.zz ol li').eq(num).addClass('bg').siblings().removeClass();
		},600)
			})
		$('.zz ol li').hover(function(){
			clearInterval(timer);
			 ind=$(this).index();
			 num=ind;
			$(this).addClass('bg').siblings().removeClass();
			$('.ri .zz img').eq(num).addClass('dis').siblings().removeClass();
			
		},function(){
			timer=setInterval(function(){
			num++;
			if(num>$('.ri .zz img').length-1){
				num=0;
			}
			$('.ri .zz img').eq(num).addClass('dis').siblings().removeClass();
			$('.zz ol li').eq(num).addClass('bg').siblings().removeClass();
		},600)
		})
		$('.zixun .lef a').eq(1).hover(function(){
			$('.two').show();
		},
		function(){
			$('.two').hide();
		})
		$('.two').hover(function(){
			$('.two').show()
		},function(){
			$('.two').hide()
		})
			$('.three').hover(function(){
			$('.three').show()
		},function(){
			$('.three').hide()
		})
				$('.four').hover(function(){
			$('.four').show()
		},function(){
			$('.four').hide()
		})
					$('.five').hover(function(){
			$('.five').show()
		},function(){
			$('.five').hide()
		})
			$('.zixun .lef a').eq(2).hover(function(){
			$('.three').show();
		},
		function(){
			$('.three').hide();
		})
				$('.zixun .lef a').eq(3).hover(function(){
			$('.four').show();
		},
		function(){
			$('.four').hide();
		})
					$('.zixun .lef a').eq(4).hover(function(){
			$('.five').show();
		},
		function(){
			$('.five').hide();
		})
		var time=null;
		var nnm=0;
		clearInterval(time);
			time=setInterval(function(){
			nnm++;
			if(nnm>$('.lunbo .lun img').length-1){
				nnm=0;
			}
			$('.lunbo .lun img').eq(nnm).addClass('display').siblings().removeClass();
			$('.lunbo .lun li').eq(nnm).addClass('bg').siblings().removeClass();
			},600);
		$('.lunbo .lun li').hover(function(){
			clearInterval(time);
			nnm=$(this).index();
			$(this).addClass('bg').siblings().removeClass();
			$('.lunbo .lun img').eq(nnm).addClass('display').siblings().removeClass();
		},function(){
			time=setInterval(function(){
			nnm++;
			if(nnm>$('.lunbo .lun img').length-1){
				nnm=0;
			}
			$('.lunbo .lun img').eq(nnm).addClass('display').siblings().removeClass();
			$('.lunbo .lun li').eq(nnm).addClass('bg').siblings().removeClass();
			},600);
		}
		)
		$('#yi').hover(function(){
			$('.ding').show();
		},
		function(){
			$('.ding').hide();
		})
		$('.ding').hover(function(){
			$(this).show();
		},
		function(){
			$('.ding').hide();
		});
    })
		angular.module('app',[])
			.controller('c1',($scope,$http)=>{
			    $scope.arr=[];
			    $http.get('/dong').then(res=>{
					if(res.err){
					    alert('请求错误！')
	}else{
$scope.arr.push(res.data.data);
	}
		},err=>{})
	
	$scope.show=function () {
        $('.le ul li').hover(function(){
                $(this).css({background:'#fff',
                    'font-weight':'bold',
                    'padding-left':'29px',
                    'color':'#38bca4'
                })
                $('.le li p').hide().eq($(this).index()).show();
            },
            function(){
                $('.le li p').hide();
                $(this).css({background:'#38bca4 url(4.jpg) no-repeat 115px 17px','font-weight':'400',
                    'padding-left':'19px',
                    'color':'#fff'})
            }
        )
        $('.le li p').hover(function(){},function(){
            $(this).hide();
        })
    }
		})
	</script>
</head>
<body ng-controller="c1">
<div class="head-top">
<div class="lie">
	<ul>
		<li class="color">请登录</li>
		<li>注册</li>
	</ul>
	<ol>
		<li class="color">各地学校 ∨
			<p>阿萨德啊&nbsp;实打实萨&nbsp;达萨达萨&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨</p>
		</li>
		<li>
		子机构 ∨
		<p>阿萨德啊&nbsp;实打实萨&nbsp;达萨达萨&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨</p>
		</li>
		<li>我的订单
		<p>阿萨德啊&nbsp;实打实萨&nbsp;达萨达萨&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨</p>
		</li>
		<li>我的新东方
		<p>阿萨德啊&nbsp;实打实萨&nbsp;达萨达萨&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨</p>
		</li>
		<li class="color">❤ 购物车 ∨
		<p>阿萨德啊&nbsp;实打实萨&nbsp;达萨达萨&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨</p>
		</li>
	</ol>
	</div>
</div>
	<div class="box clearfix">
		<img src="1.jpg" alt="">
		<div class="head">
			<div class="l">
				<h1><a href="#"><img src="2.jpg" alt=""></a></h1><a href="#">鞍山</a><p id="an">阿萨德啊&nbsp;实打<br>实萨&nbsp;达萨达萨<br>&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨阿萨德啊&nbsp;实<br>打实萨&nbsp;达萨达萨<br>&nbsp;多阿打算打&nbsp;算的多<br>撒多&nbsp;阿萨德撒阿&nbsp;萨阿萨德啊&nbsp;实打<br>实萨&nbsp;达萨达萨<br>&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨阿萨德啊&nbsp;实<br>打实萨&nbsp;达萨达萨<br>&nbsp;多阿打算打&nbsp;算的多<br>撒多&nbsp;阿萨德撒阿&nbsp;萨阿萨德啊&nbsp;实打<br>实萨&nbsp;达萨达萨<br>&nbsp;多阿打算打&nbsp;算的多撒多&nbsp;阿萨德撒阿&nbsp;萨阿萨德啊&nbsp;实<br>打实萨&nbsp;达萨达萨<br>&nbsp;多阿打算打&nbsp;算的多<br>撒多&nbsp;阿萨德撒阿&nbsp;萨</p>
			</div>
			<div class="r">
				<p>
					<input type="text" placeholder="课程或班号">
					<button>搜 索</button>
				</p>
				<a href="#">新东方网络课程</a>
				<a href="#">雅思</a>
				<a href="#">托福</a>
				<a href="#">大学预科</a>
				<a href="#">高中预科</a>
			</div>
		</div>
		<div class="nav">
			<div class="le">
			<h2>课程导航</h2>
				<ul> <!---->
					<li ng-repeat="item in arr[0]" >{{show()}}{{item.title}}<p>{{item.xinxi}}</p></li>
				</ul>
			</div>
			<div class="ri clearfix">
				<ul>
					<li>小学辅导</li>
					<li>小学辅导</li>
					<li>小学辅导</li>
					<li>小学辅导</li>
					<li>小学辅导</li>
					<li>小学辅导</li>
					<a href="#" class="y"><img src="5.jpg" alt=""></a>
				</ul>
				<div class="zz">
					<img class="dis" src="7.jpg" alt="">
					<img src="8.jpg" alt="">
					<img src="9.jpg" alt="">
					<img src="10.jpg" alt="">
					<img src="11.jpg" alt="">
					<ol>
						<li class="bg"></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ol>
				</div>
				<div class="yy">
					<div class="s clearfix">
						<p class="ppp">快捷报班<a></a></p>
						<p>快捷报班</p>
						<p>快捷报班</p>	
						<p>快捷报班</p>
						<p>快捷报班</p>
						<p>快捷报班</p>
					</div>
					<div class="x">
						<h3><a href="#">最新活动</a><a href="#">集团新闻</a></h3>
						<ul>
							<li>■ 新东方托福多样班型满足不同需求</li>
							<li>■ 新东方托福多样班型满足不同需求</li>
							<li>■ 新东方托福多样班型满足不同需求</li>
							<li>■ 新东方托福多样班型满足不同需求</li>
							<li>■ 新东方托福多样班型满足不同需求</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="re">
			<p><img src="01.jpg" alt=""></p>
			<ul>
				<li><img src="02.jpg" alt=""></li>
				<li><img src="04.jpg" alt=""></li>
				<li><img src="02.jpg" alt=""></li>
				<li><img src="04.jpg" alt=""></li>
				<li><img src="02.jpg" alt=""></li>
				<li><img src="04.jpg" alt=""></li>
			</ul>
		</div>
		<div class="tu">
			<img src="03.jpg" alt="">
		</div>
		<div class="youxuan">
			<h2>
				<span>优选课程为你推荐</span>
				<a href="#" id="yi">大学考试</a>
				<a href="#" id="er">小学辅导</a>
			</h2>
			<p>
				<img src="05.jpg" alt="">
				 考研英语基础班
			</p>
			<p>
				<img src="05.jpg" alt="">
				 考研英语基础班
			</p>
			<p>
				<img src="05.jpg" alt="">
				 考研英语基础班
			</p>
			<p>
				<img src="05.jpg" alt="">
				 考研英语基础班
			</p>
			<div class="ding">
				<img src="9.jpg" alt="">
				<img src="10.jpg" alt="">
				<img src="11.jpg" alt="">
				<img src="8.jpg" alt="">
			</div>
		</div>
		
		<div class="zixun">
		<div class="lef">
			<h2>
				<span>咨询</span>
				<a href="#">大学</a>
				<a href="#">小学</a>
				<a href="#">大学</a>
				<a href="#">小萨达学</a>
				<a href="#">大萨达学</a>
			</h2>
			<div class="sss">
				<p>
					<h2>
						噶考世界大会上健康撒活动健康撒活动手机卡的和空间撒活动健12
					</h2>
					<ul>
						<li>热嫡:2017年海收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
						<li>热嫡:2017年招收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
						<li>热嫡:2017年招收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
						<li class="zui">热嫡:2017军招收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
					</ul>
				</p>
				<p>
					<h2 id="red">
						噶考世界大会上健康撒活动健康撒活动手机卡的和空间撒活动健12
					</h2>
					<ul>
						<li>热嫡:2017年海收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
						<li>热嫡:2017年招收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
						<li>热嫡:2017年招收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
						<li>热嫡:2017军招收傻大姐|洒水车萨达萨达大声道萨达|萨达萨多撒打算撒打算</li>
					</ul>
				</p>
				<ol>
					<li>
					<img src="001.jpg" alt="">
					<b>2017大飒飒撒打算萨达萨多啊实打实撒打算萨达</b>
					<p>大大声道撒多萨达萨达萨达打算啊实打实阿萨德撒萨达萨达萨多萨达萨多阿萨德阿大声道萨达萨达所</p>
					</li>
					<li>
						<img src="001.jpg" alt="">
					<b>2017大飒飒撒打算萨达萨多啊实打实撒打算萨达</b>
					<p>大大声道撒多萨达萨达萨达打算啊实打实阿萨德撒萨达萨达萨多萨达萨多阿萨德阿大声道萨达萨达所</p>
					</li>
					<li>
						<img src="001.jpg" alt="">
					<b>2017大飒飒撒打算萨达萨多啊实打实撒打算萨达</b>
					<p>大大声道撒多萨达萨达萨达打算啊实打实阿萨德撒萨达萨达萨多萨达萨多阿萨德阿大声道萨达萨达所</p>
					</li>
				</ol>
			</div>
			<div class="lunbo">
				<div class="lun">
					<img class="display" src="8.jpg" alt="">
					<img src="11.jpg" alt="">
					<ul>
						<li class="bg"></li>
						<li></li>
					</ul>
				</div>
				<p>
					<img src="002.jpg" alt="">
					<b>2016高考查分</b>
					<i>2016高考sad鹿窝撒的结asd大家sd都会asds撒即</i>
					
				</p>
				<p id="bian">
					<img src="002.jpg" alt="">
					<b>2016高考查分</b>
					<i>2016高考sad鹿窝撒的结asd大家sd都会asds撒即</i>
					
				</p>
			</div>
			</div>
			<div class="two"></div>
			<div class="three"></div>
			<div class="four"></div>
			<div class="five"></div>
		</div>
		<div class="rig">
				<h2>
				<span>品牌专区</span>
			</h2>
			<img src="003.jpg" alt="">
			</div>
			
	</div>
	<div class="foot">
				<h2>友情链接</h2>
				<ul>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
					<li>考试敬爱</li>
				</ul>
			</div>
			<div class="foot1">
				<ul>
					<li>关于帮助萨</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
				</ul>
				<ul>
					<li>关于帮助萨</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
				</ul>
				<ul>
					<li>关于帮助萨</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
				</ul>
				<ul>
					<li>关于帮助萨</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
				</ul>
				<ul>
					<li>关于帮助萨</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
				</ul>
				<ul id="hou">
					<li>关于帮助萨</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
					<li>关于帮助</li>
				</ul>
			</div>
			<div class="foot2">
				<ul class="clearfix">
					<li>啥都好看就是的撒哈啥接电  |  </li>
					<li>啥都好看就是的撒哈啥接电  |  </li>
					<li>啥都好看就是的撒哈啥接电  |  </li>
					<li>啥都好看就是的撒哈啥接电  |  </li>
				</ul>
				<ol>
					<li>asjksaldKSAJFSA Jkjdfsdlkfjsdlkfjsdlkfj</li>
				</ol>
				<img src="004.jpg" alt="">
			</div>
</body>
</html>